html, body, ul, li, a, span,d {

    margin: 0px;

    padding: 0px;

}


ul, li, ol, li {

    list-style-type: none;

}



.float-right {

    float: right;

}



.float-left {

    float: left;

}



.center {

    text-align: center

}



.arrow {

    float: right;

}



.logo {

    font-family: '';

}

#sidebar a {

    color: white;

    font-size: 13px;

}

#sidebar a:hover {

    color: white;

}



a {

    color: black;

    font-size: 13px;

}

a:hover {

    color: black;

}



label .blue{

    color: #3e3939;

    font-size: 18px;

}



#sidebar li.open > ul {

    display: block;

}



.page-sidebar-menu li.open .submenu {

    display: block;

}



.page-sidebar-menu .submenu li a:hover {

    background: #575757 !important;

    font-size: 14px;

}



.page-sidebar-menu .submenu li a:focus {

    background: #575757 !important;

    font-size: 14px;

    color: white;

}

.page-sidebar-menu .submenu li a:before {

    background: #575757 !important;

    font-size: 14px;

    color: white;

}



.tabbable a {

    color: black;

}



.tabbable a:hover {

    color: black;

}



#fl-container {

    margin-top: -25px;

    position: relative;

}



#fl-container .page-content .row{

    margin: 0px;

}



#homePage .action-buttons a {

    color: white;

}



#homePage h4 {

    font-style: normal;

    font-weight: normal;

    font-size: 16px;

    color: black;

    margin: 0px;

}



#homePage .pricing-span-body {

    float: left;

}



.item-list .list-unstyled li, #moduleTable .item-list .list-unstyled li {

    float: left;

}



.logo-red {

    color: red

}

#condList .inline label,#hcondList .inline label,#searchList .inline label,#condListMaterial .inline label,#quoCondList .inline label{

    margin: 8px 6px;

}

#condList .inline,#hcondList .inline,#searchList .inline,#condListMaterial .inline,#quoCondList .inline{

    margin-bottom: 5px;

}

#condList .inline input, #condList .inline select,#hcondList .inline input,#hcondList.inline select,#searchList .inline input,#searchList .inline select,#condListMaterial .inline input,#condListMaterial .inline select,#quoCondList .inline select,#quoCondList .inline input{

    width: 120px;

    margin-bottom: 7px;

    margin-left: 7px;

    line-height: 27px;

}

#condList input:focus,#condList input:hover,#condList .btn:focus,#condList .btn:hover,#hcondList.inline input:hover,#hcondList.inline .btn:hover,#searchList .inline input:hover,#searchList .inline .btn:hover{

    border: 1px solid #d3d3d3;

}



#condList button,#hcondList button {

    margin-left: 15px;

    vertical-align: initial;

}



#resultList {

    margin: 10px 0px;

}



#pagenation,#hpagenation,#pagenationMaterial{

    margin-top: 15px;

}

#pagenation a,#hpagenation a,#pagenationMaterial a{

    color: black;;

}

#pagenation a:hover,#hpagenation a:hover,#pagenationMaterial a:hover{

    color: black;;

}



#pagenation input,#hpagenation input,#pagenationMaterial input,#quopagenation input{

    width: 40px;

    margin: 0px 5px;

    padding-top: 4px;

    padding-bottom: 4.5px;

    text-indent: -0.2em;

}



#pagenation select,#hpagenation select,#pagenationMaterial select,#quopagenation select{

    width: 60px;

    margin: 0px 5px;

    height: 25px;

}



#pagenation .pager-info ,#hpagenation .pager-info,#pagenationMaterial .pager-info,#quoPagenation .pager-info{

    padding-top: 8px;

}

#pagenation .blue,#hpagenation .blue,#pagenationMaterial .blue,#quoPagenation .blue{

    color:grey;

}



h3 {

    /*margin-top: 20px;*/

    margin-bottom: 10px;

}



.item-list .item-blue:first-child,#resultList .item-orange:first-child{

    /*border: 0px;*/

}

.item-list .item-blue,#resultList .item-orange {

    border-top: 1px #e5e5e5 solid;

    /*padding: 10px 0px;*/

}



.oid {

    font-size: 20px;

    margin-bottom: 7px;

    /*line-height: 60px;*/

}

.oid label{

    float: left;

}

.sr-only{

    display: none;

}



.hide {

    display: none !important;

}

#userAdvanceModal .form-group{

    width: 100%;

    height: 40px;

    padding-bottom: 2px;

    margin-bottom: 0px;

}

#applyDecorationActivityItemModal .modal-body .form-horizontal .form-group,#quotationTotalPriceModal .modal-body .form-horizontal .form-group{

    width: 100%;

    height: 42px;

    margin-bottom: 0px;

}

#homePage .widget-header{ position: relative;}



input:focus,select:focus,textarea:focus{

    border: 1px solid #898989;

}



.dz-message{

    font-size:23px;

    color:#ccc;

    text-align: center;

    margin: 0px auto;

}

.tab-content .tab-pane .form-horizontal .form-group{

    height: 45px;

    margin-bottom:0px;

}

.step-content .form-horizontal .form-group label{

    float: left;

}



/* tree */

.tree {

    padding-left:9px;

    overflow-x:hidden;

    overflow-y:auto;

    position:relative;

    margin-left: -5px;

    margin-top: 8px;

}

.tree:before {

    display:inline-block;

    content:"";

    position:absolute;

    top:-20px;

    bottom:16px;

    left:0;

    border:1px dotted black;

    border-width:0 0 0 1px;

    z-index:1

}

.tree .tree-folder {

    width:auto;

    min-height:20px;

    cursor:pointer

}

.tree .tree-folder .tree-folder-header {

    position:relative;

    height:20px;

    line-height:20px

}

.tree .tree-folder .tree-folder-header:hover {

    background-color:#f0f7fc

}

.tree .tree-folder .tree-folder-header .tree-folder-name,.tree .tree-item .tree-item-name {

    display:inline;

    z-index:2

}

.tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child,.tree .tree-item>[class*="icon-"]:first-child {

    display:inline-block;

    position:relative;

    z-index:2;

    top:-1px

}

.tree .tree-folder .tree-folder-header .tree-folder-name {

    margin-left:2px

}

.tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child {

    margin:-2px 0 0 -2px

}

.tree .tree-folder:last-child:after {

    display:inline-block;

    content:"";

    position:absolute;

    z-index:1;

    top:15px;

    bottom:0;

    left:-15px;

    border-left:1px solid #FFF

}

.tree .tree-folder .tree-folder-content {

    margin-left:23px;

    position:relative

}

.tree .tree-folder .tree-folder-content:before {

    display:inline-block;

    content:"";

    position:absolute;

    z-index:1;

    top:-10px;

    bottom:16px;

    left:-14px;

    border:1px dotted black;

    border-width:0 0 0 1px

}

.tree .tree-item {

    position:relative;

    height:20px;

    line-height:20px;

    cursor:pointer

}

.tree .tree-item:hover {

    background-color:#f0f7fc

}

.tree .tree-item .tree-item-name {

    margin-left:3px

}

.tree .tree-item .tree-item-name>[class*="icon-"]:first-child {

    margin-right:3px

}

.tree .tree-item>[class*="icon-"]:first-child {

    margin-top:-1px

}

.tree .tree-folder,.tree .tree-item {

    position:relative

}

.tree .tree-folder:before,.tree .tree-item:before {

    display:inline-block;

    content:"";

    position:absolute;

    top:14px;

    left:-15px;

    width:18px;

    height:0;

    border-top:1px dotted black;

    z-index:1

}

.tree .tree-selected {

    background-color:rgba(98,168,209,0.3);

    color:#6398b0

}

.tree .tree-selected:hover {

    background-color:rgba(98,168,209,0.1)

}

.tree .tree-item,.tree .tree-folder {

    border:1px solid #FFF

}

.tree .tree-folder .tree-folder-header {

    border-radius:0

}

.tree .tree-item,.tree .tree-folder .tree-folder-header {

    margin:0;

    padding:5px;

    color:#4d6878;

    -webkit-box-sizing:content-box;

    -moz-box-sizing:content-box;

    box-sizing:content-box;

    text-align: left;

}

.tree .tree-item>[class*="icon-"]:first-child {

    color:#f9e8ce;

    width:13px;

    height:13px;

    line-height:13px;

    font-size:11px;

    text-align:center;

    border-radius:3px;

    -webkit-box-sizing:content-box;

    -moz-box-sizing:content-box;

    box-sizing:content-box;

    background-color:#fafafa;

    border:1px solid #CCC;

    box-shadow:0 1px 2px rgba(0,0,0,0.05)

}

.tree .tree-selected>[class*="icon-"]:first-child {

    background-color:#f9a021;

    border-color:#f9a021;

    /*color:#FFF*/

}

.tree .icon-plus[class*="icon-"]:first-child,.tree .icon-minus[class*="icon-"]:first-child {

    border:1px solid #DDD;

    vertical-align:middle;

    height:11px;

    width:11px;

    -webkit-box-sizing:content-box;

    -moz-box-sizing:content-box;

    box-sizing:content-box;

    text-align:center;

    border:1px solid black;

    line-height:10px;

    background-color:#FFF;

    position:relative;

    z-index:1

}

.tree .icon-plus[class*="icon-"]:first-child:before {

    display:block;

    content:"+";

    /*font-family:"Open Sans";*/

    font-size:16px;

    position:relative;

    z-index:1

}

.tree .icon-minus[class*="icon-"]:first-child:before {

    content:"";

    display:block;

    width:7px;

    height:0;

    border-top:1px solid #4d6878;

    position:absolute;

    top:5px;

    left:1.5px

}

.tree .tree-unselectable .tree-item>[class*="icon-"]:first-child {

    color:#5084a0;

    width:13px;

    height:13px;

    line-height:13px;

    font-size:10px;

    text-align:center;

    border-radius:0;

    background-color:transparent;

    border:0;

    box-shadow:none

}

.tree [class*="icon-"][class*="-down"] {

    transform:rotate(-45deg)

}

.tree .icon-spin {

    height:auto

}

.tree .tree-loading {

    margin-left:36px

}

.tree img {

    display:inline;

    veritcal-align:middle

}

/* tree end*/





/* widget */

.widget-box.light-border>[class*="header-color-"]+.widget-body {

    border-color:#d6d6d6!important

}

.widget-box.no-border {

    border:0

}

.widget-box.no-border>.widget-body {

    border:0

}

.widget-box.transparent {

    border:0;

    box-shadow:none;

    border-radius: 5px;

}

#addOrReduceItemDiv1 .widget-box.transparent>.widget-header {

    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);

    border:0;

    padding-left:3px;

    border:0px;

}

.widget-box.transparent>.widget-header {

    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);

    border:0;

    padding-left:3px;

    border-bottom: 1px solid #ddd;

}

.widget-box.transparent>.widget-header-large {

    padding-left:5px

}

.widget-box.transparent>.widget-header-small {

    padding-left:1px;

    height: 39px;

}

#homePage .widget-box.transparent .widget-body {

    border:0;

    background: #ffffff;

}

.widget-box.transparent .widget-body {

    border:0;

    background-color:transparent

}

.widget-box.transparent .widget-main.no-padding-left {

    padding-left:0

}

.widget-box.transparent .widget-main.no-padding-right {

    padding-right:0;

    margin-left: 11px;

}

.widget-box.transparent .widget-main.no-padding-top {

    padding-top:0

}

.widget-box.transparent .widget-main.no-padding-bottom {

    padding-bottom:0

}

.widget-body .table {

    border-top:1px solid #e5e5e5

}

.widget-body .table thead:first-child tr {

    background:#FFF

}

[class*="header-color-"]+.widget-body .table thead:first-child tr {

    background:#f2f2f2;

    background-image:-webkit-gradient(linear,left 0,left 100%,from(#f8f8f8),to(#ececec));

    background-image:-webkit-linear-gradient(top,#f8f8f8,0%,#ececec,100%);

    background-image:-moz-linear-gradient(top,#f8f8f8 0,#ececec 100%);

    background-image:linear-gradient(to bottom,#f8f8f8 0,#ececec 100%);

    background-repeat:repeat-x;

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8',endColorstr='#ffececec',GradientType=0)

}

.widget-body .table.table-bordered thead:first-child>tr {

    border-top:0

}

.widget-main.no-padding .table,.widget-main.padding-0 .table {

    margin-bottom:0;

    border:0

}

.widget-main.no-padding .table-bordered th:first-child,.widget-main.padding-0 .table-bordered th:first-child,.widget-main.no-padding .table-bordered td:first-child,.widget-main.padding-0 .table-bordered td:first-child {

    border-left-width:0

}

.transparent .widget-main .table-bordered>thead>tr>th:last-child,.widget-main.no-padding .table-bordered>thead>tr>th:last-child,.transparent .widget-main .table-bordered>tbody>tr>td:last-child,.widget-main.no-padding .table-bordered>tbody>tr>td:last-child,.transparent .widget-main .table-bordered>tfoot>tr>td:last-child,.widget-main.no-padding .table-bordered>tfoot>tr>td:last-child {

    border-right-width:0!important

}

.transparent .widget-main .table-bordered>tbody>tr:last-child>td,.widget-main.no-padding .table-bordered>tbody>tr:last-child>td {

    border-bottom-width:0!important

}

.table-bordered>thead.thin-border-bottom>tr>th,.table-bordered>thead.thin-border-bottom>tr>td {

    border-bottom-width:1px

}

.widget-body .alert:last-child {

    margin-bottom:0

}

.widget-main .tab-content {

    border:0

}

.widget-toolbar>.nav-tabs {

    border-bottom:0;

    margin-bottom:0;

    position:relative;

    top:5px

}

.widget-toolbar>.nav-tabs>li>a {

    box-shadow:none

}

.widget-toolbar>.nav-tabs>li:not(.active)>a {

    border-color:transparent;

    background-color:transparent

}

.widget-toolbar>.nav-tabs>li:not(.active)>a:hover {

    background-color:transparent

}

.widget-toolbar>.nav-tabs>li.active>a {

    background-color:#FFF;

    border-bottom-color:transparent;

    box-shadow:none

}

.widget-header-small>.widget-toolbar>.nav-tabs {

    top:5px

}

.widget-header-small>.widget-toolbar>.nav-tabs>li>a {

    line-height:16px;

    padding-top:6px;

    padding-bottom:6px

}

.widget-header-small>.widget-toolbar>.nav-tabs>li.active>a {

    border-top-width:2px;

    margin-top:-1px

}

.widget-header-large>.widget-toolbar>.nav-tabs {

    top:8px

}

.widget-header-large>.widget-toolbar>.nav-tabs>li>a {

    line-height:22px;

    padding-top:9px;

    padding-bottom:9px

}

/* widget end */

/* tags */



.tag-input-style+.chosen-container-multi .chosen-choices li.search-choice {

    background-image: none;

    background-color: #6b7279;

    color: #fff;

    display: inline-block;

    font-size: 13px;

    font-weight: normal;

    margin-bottom: 3px;

    margin-right: 0;

    padding: 6px 22px 7px 9px;

    position: relative;

    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);

    transition: all .2s ease 0s;

    vertical-align: baseline;

    white-space: nowrap;

    border: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 3px;

}

.tag-input-style+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    width: 18px;

    height: auto;

    line-height: 25px;

    text-align: center;

}

.tags input{

    width: 80%;

    font-size: 14px;

    line-height: 1.428571429;

    color: #555555;

    background-color: #fff;

    background-image: none;

    border: 0px;

    box-shadow: none;

    transition: none;

}

.tags input:focus{

    border: 0px;

    box-shadow: none;

    transition: none;

}



.tags {

    display: inline-block;

    padding: 4px 6px;

    color: #777;

    vertical-align: middle;

    background-color: #FFF;

    border: 1px solid #d5d5d5;

    width: 206px;

    border-radius: 4px;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

    margin-left: 5px;

}

.tags .tag {

    display: inline-block;

    position: relative;

    font-size: 13px;

    font-weight: normal;

    vertical-align: baseline;

    white-space: nowrap;

    background-color: #6b7279;

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);

    margin-bottom: 3px;

    margin-right: 3px;

    -webkit-transition: all .2s;

    transition: all .2s;

    border-radius: 3px;

    padding: 7px 8px 5px 8px;

}

.tags input{

    width: 80%;

    font-size: 14px;

    line-height: 1.428571429;

    color: #555555;

    background-color: #fff;

    background-image: none;

    border: 0px;

    box-shadow: none;

    transition: none;

}

.tags .tag .close{

    margin-left: 8px;

    margin-top: -2px;

    color: #FFF;

    text-shadow: none;

}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {

    content: "\f00d";

    display: inline-block;

    color: white;

    font-family: FontAwesome;

    font-size: 13px;

    position: absolute;

    right: 5px;

    top: -1px;

}

/* tags end */



#userinfo .control-label,#createOrder .control-label{

    float: left;

}

#userinfo  .form-group,#createOrder .form-group{

    margin-top: 8px;

}

.star::after {

    content: "*";

    color: red;

    line-height: 26px;

    top: 1px;

    left: 1px;

    margin-left: 5px;

}

#addModal .form-group .popovers{

    max-width: 234px;

    padding: 0px 10px;

    margin-left: 5px;

}



#id + #measurement{

    margin-top: 7px;

    margin-left: 5px;

}

.nav a,.nav a:hover,.nav a:focus{

    color: black;

}

.list-unstyled{

    clear: both;

}

#fl-statement h1{

    font-size: 24px;

    margin-left: 0px;

}

#fl-statement small{

    font-size: 17px;

    margin-left: 5px;

}

#fl-statement{

    padding-top: 10px;

}

#createOrder #fl-statement{

    padding-top: 10px;

}

#createOrder .header-color-blue{

    background: none;

    border: 0px;

    min-height: 0px;

}

#createOrder  .widget-main{

    min-height: 560px;

}

#createOrder .form-group{

    height: 34px;

}

#createOrder .col-sm-6{

    float: right;

}

#createOrder .widget-main .row .col-md-12 .col-md-6{

    float: left;

}

#createCustomer{

    margin-left: 20px;

    padding: 4px 10px;

}

.icon-asterisk {

    vertical-align: sub;

    color: red;

    font-size: 1px;

    position: absolute;

    margin-left: 5px;

}

#createOrder  .widget-toolbox{

    width: 100%;

}

#modal .col-sm-9{

    height: 40px;

}

#materialSaleOrderPageContent .widget-box{

    min-height:210px;

}

#materialSaleOrderPageContent .widget-main .form-group{

    min-height: 40px;

}

#materialSaleOrderPageContent .ui-icon-disk{

    margin-left: -10px;

    margin-right: 10px;

}

.workerImg {

    height: 180px;

    border: 1px solid #ccc;

}

.step-content{

    min-height: 588px;

}

#chanUpload a{

    color: white;

}

.row-fluid #btnBack{

    top: 0px;

    left: 0px;

}

#acceptanceDatailPageContent .form-horizontal .form-group{

    height: 38px;

}

.bigger-125 {

    font-size: 125%;

}

.pink {

    color: #c6699f!important;

}

.icon-search{

    color: #428bca;

}

.ui-pg-div button{

    margin-bottom: 3px;

    margin-right: 2px;

}

#addReduceDetailed .widget-body-inner{

    margin-top: 43px;

    margin-left: 12px;

}

#addReduceDetailed .widget-main .form-group{

    min-height: 20px;

}

#step1 select{

    min-width: 196.81px;

}

#customerInfosBtn {

    margin-right: 0px;

    width: 51%;

    height: 34px;

}

#customerApproveBtn,#villageApproveBtn{

    background-color: #a0a0a0;

    color: white;

    padding: 5px 10px;

    font-size: 12px;

}



#mapContainer {

    height: 100%;

    min-height: 500px;

}



#mapContainer .position-mark {

    position: absolute;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background-color: #BC3B3A;

}



#mapContainer .position-mark .txt {

    position: absolute;

    left: -9px;

    top: -36px;

    padding: 3px 6px;

    border: 1px solid #BC3B3A;

    border-radius: 5px;

    background-color: #fff;

    font-size: 12px;

    line-height: 18px;

    white-space: nowrap;

    user-select: none;

    -moz-user-select: none;

    -webkit-user-select: none;

}



#mapContainer .position-mark .arrow-border {

    position: absolute;

    top: 24px;

    left: 8px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 12px 5px;

    border-color: #BC3B3A transparent transparent transparent;

    overflow: hidden;

}



#mapContainer .position-mark .arrow {

    position: absolute;

    top: 22px;

    left: 8px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 12px 5px;

    border-color: #fff transparent transparent transparent;

    overflow: hidden;

}

hr{

    border: 0px;

    margin-bottom: 25px;

}

#customerModal .form-group{

    height: 45px;

    margin-bottom: 0px;

}

.timeline-items .widget-header .smaller{

    padding-top: 4px;

    margin: 0px;

    font-size: 20px;

}

.timeline-items .header-color-blue {

    background: #307ecc;

    border-color: #307ecc;

}

#payment .widget-box .widget-main{

    padding: 0px;

}

#payment .widget-box .widget-main .list-unstyled .oid{

    font-size: 16px;

}

#payment .widget-box .widget-main .list-unstyled li{

    padding-left: 8px;

}

#payment .widget-box .widget-main .list-unstyled ul li{

    float: left;

    margin-right: 45px;

    margin-bottom: 5px;

}



#decorationOrderPageContent #btnBack{

    margin-top: 60px;

    position: unset;

}

#quotationIndexPageContent #btnBack{

    position: unset;

}

.btn.btn-app.btn-sm {

    width: 120px;

    font-size: 16px;

    line-height: 1.5;

}

#quotationList{

    padding-left: 10px;

    padding-top: 30px;

}

#quotationList .widget-box{

    border-left: 1px solid #CCC;

    border-right: 1px solid #CCC;

    margin-right: 20px;

}

#quotationList .ui-icon{

    font-size: 20px;

    margin-right: 4px;

}

#decorationOrderMaterialDetailed .col-md-9{

    width: 70%;

}

#functionAreaDetailList .widget-header{

    height: 28px;

    border: 0px;

}

#functionAreaDetailList .fl-quo-list{

    clear: both;

}

#functionAreaDetailList .fl-quo-list li{

    height: 40px;

}

#functionAreaDetailList h5{

    float: left;

}

#decorationOrderMaterialDetailed .row .col-xs-12 .row{

    width: 100%;

}

#functionAreaDetailList{

    width: 105%;

}

#functionAreaDetailList a{

    color: #aaa;

}

#functionAreaDetailList .blue {

    color: #478fca!important;

}

#functionAreaDetailList .purple {

    color: #a069c3!important;

}

#functionAreaDetailList .green {

    color: #69aa46!important;

}

#functionAreaDetailList .red {

    color: #dd5a43!important;

}

#functionAreaDetailList .cell-wrap label{

    float: left;

    margin-right: -5px;

}

#functionAreaDetailList .cell-wrap a .bigger-125{

    margin-top: 6px;

    margin-right: 0px;

    margin-left: 8px;

}

#functionAreaSumList .widget-box .col-md-6,#decorationOrderMaterialDetailed .widget-box .col-md-4,#decorationOrderMaterialDetailed .widget-box .col-md-6{

    float: left;

}

#functionAreaSumList{

    height: 150px;

    margin-bottom: 20px;

}

#decorationOrderMaterialDetailed .col-md-12{

    float: left;

}

#quotationItemDes{

    height: 30px;

}

#customFunctionAreaItemsModal .form-group{

    height: 35px;

}

#step2 .col-md-12{

    float: left;

}

#step3 .col-md-1{

    float: left;

}

#step3 .uploadify-button {

    display: inline-block;

    margin: 0px;

    border: 1px solid #808080;

    background-color: #707070;

    line-height: 30px;

    border-radius: 12px;

    padding: 0 18px;

    font-size: 12px;

    font-weight: 600;

    font-family: '微软雅黑';

    color: #FFF;

    cursor: pointer;

    text-decoration: none;

    padding: 0px;

    width: 100%;

}

#step3 .row .col-md-12 .col-md-1{

    width: 120px;

}

#step3 .row .col-md-12{

    margin-left: 20px;

}

#step3 .btn-success:hover, .open .btn-success.dropdown-toggle {

    background-color: #629b58!important;

    border-color: #87b87f;

}

#step3 .btn-primary, .btn-primary:focus {

    background-color: #428bca!important;

    border-color: #428bca;

}

#step3 .btn-warning, .btn-warning:focus {

    background-color: #ffb752!important;

    border-color: #ffb752;

}

#step4 .col-md-6,#step6 .col-md-6{

    width: 45%;

    margin-right: 30px;

}

.red {

    color: grey;

}

.grey {

    color: #777!important;

}

#step4 .oid,#step6 .oid{

    font-size: 17px;

    margin-bottom: 7px;

}

#step4 .item-list li,#step6 .item-list li{

    border-bottom: 1px solid #eee;

}

#step4 .item-list li {

    margin-left: 8px;

    border: 1px solid #DDD;

    border-left-width: 3px;

}

.page-header h1 {

    font-size: 24.5px;

    padding-left: 15px;

}

.page-header h1 small {

    font-size: 20.5px;

}

#edit-basic h4{

    font-size: 15.5px;

    color: #478fca!important;

}

#edit-password .col-sm-9 {

    width: 70%;

}


.row{

    position: unset;

}

#decorationOrderDetailDesignerPageContent #step6 .row{

    position: unset;

}

#step6 .item-list ul li{

    border: 0px;

}

#step6 .widget-body-inner .clearfix .col-md-3 {

    width: 23%;

}

#step6 .item-list .oid,#step7 .item-list .oid,#step5 .item-list .oid{

    font-size: 15px;

    margin-bottom: 7px;

}

.step-content .step-pane .item-list{

    padding-left: 5px;

    padding-right: 5px;

}

#step6 .row:last-child .widget-body-inner .clearfix .col-md-4 {

    width: 30%;

}

#backVisitContent{

    width: 97.5%;

    margin: 5px 0px 5px 5px;

}

#activityItems .widget-main li{

    padding: 5px;

}

#step7 .col-md-6 {

    width: 48%;

    margin-right: 20px;

}

#step7 .item-list li{

    border-bottom: 1px solid #ccc;

}

#step4 .item-list li ul li,#step6 .item-list li ul li,#step7 .item-list li ul li{

    border: 0px;

}

#decorationOrderDetailCommonPageContent #step-container #step6 .row,#decorationOrderDetailCommonPageContent #step5 .row,#decorationOrderDetailCommonPageContent #step3 .row,#decorationOrderAdvanceDetailPageContent .row{

    position: unset;

}

#step7 .item-list li:last-child{

    border-left-width: 3px;

}

#addUserModal .col-sm-3 {

    width: 25%;

    float: left;

}

#addUserModal{

    width: 250px;

}

#addUserModal .col-md-9 {

    width: 55%;

    float: left;

}

#addUserModal .form-group{

    height: 45px;

}

.widget-main .row .center{

    text-align: left;

}

#addOrReduceItemDiv1{

    margin-left: 20px;

}

.col-md-8 .well{

    width: 643px;

    min-width: 643px;

}

#approveManSel,#approveActivityItemManSel,#vApproveManSel{

    margin-top: 10px;

    margin-left: 8px;

}

#applyDecorationActivityItemModal .modal-body .form-horizontal {

    height: 380px;

}

#step1 .center,#step2 .center,#step3 .center,#step4 .center,#step5 .center,#step6 .center,#step7 .center,#step8 .center{

    text-align: center;

}

#quotationTotalPriceModal .modal-body .form-horizontal{

    height: 300px;

}

#quotationIndexPageContent .widget-main{

    border-bottom: 1px solid #ccc;

}

#decorationOrderDetailCommonPageContent #step5 .row{

    position: unset;

}

#preparePayment .widget-body .col-md-3,#payedMoney .widget-body .col-md-3{

    width: 23%;

}

#decorationOrderDetailCommonPageContent #step5 .row .col-md-6,#decorationOrderDetailCommonPageContent #step3 .row .col-md-6,#decorationOrderAdvanceDetailPageContent #step5 .row .col-md-6{

    float: left;

    width: 48%;

    margin-left: 15px;

}

#basePaymentDiv .oid {

    font-size: 15.5px;

    margin-bottom: 7px;

}

#decorationOrderDetailCommonPageContent #activityItems .widget-body {

    border: 1px solid #e9e9e9;

}



#recordModal .modal-body .form-group{

    height: 45px;

    margin-bottom: 5px;

}

#step-container .tabbable .form-horizontal .form-group{

    margin: 0px;

}

#constructionNodeModal .form-group{

    height: 40px;

}

.main-content {

    margin-left: 225px;

    margin-right: 0;

    margin-top: 0;

    min-height: 100%;

    padding: 0;

}

#approvalUser{

    float: left;

}

#rejectMaterialSubOrderModal .form-horizontal .form-group{

    margin-bottom: 15px;

}

#rejectMaterialSubOrderModal .modal-body{

    height: 500px;

}

#managementPageContent .modal-body .col-sm-4{

    float: left;

}

.modal-body .pay_way .inline{

    margin-right: 10px;

}

.timeline-container .widget-box{

    width: 92%;

}

.flloading:after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-color: rgba(0, 0, 0, 0.5);

    background-position: center;

    background-repeat: no-repeat;

    z-index: 999;

}

.flloading:before {

    font-family: FontAwesome;

    content: "\f110";

    position: absolute;

    width: 30px;

    height: 30px;

    margin-left: -15px;

    margin-top: -15px;

    top: 50%;

    left: 50%;

    z-index: 1000;

    font-size: 30px;

    color: #FFF;

    -moz-animation: spin 2s infinite linear;

    -o-animation: spin 2s infinite linear;

    -webkit-animation: spin 2s infinite linear;

    animation: spin 2s infinite linear;

    text-align: center;

    line-height: 30px;

}



#step-container .form-horizontal .form-group .form-group .col-sm-4{

    float: left;

}

#chanStatus span {

    margin-top: 10px;

    margin-left: 5px;

}

#putlineStatus span{

    margin-top: 10px;

    margin-left: 5px;

}

#chanWorkerEnter,#putlineWorkerEnter,#waterwayCircuitPowerWorkerEnter,#bricklayWorkerEnter,#groundLevelingWorkerEnter,#carpentWorkerEnter,#oilWorkerEnter,#waterwayCircuitCheckWorkerEnter,#cleaningWorkerEnter {

    margin-left: 120px;

}

#recordDes {

    margin-top: 15px;

}

#fanglinMaterialPayment{

    margin-left: 12px;

}



.itemdiv {

    padding-right:3px;

    min-height:66px;

    position:relative

}

.itemdiv>.user {

    display:inline-block;

    width:42px;

    position:absolute;

    left:0

}

.itemdiv>.user>img {

    border-radius:100%;

    border:2px solid #5293c4;

    max-width:40px;

    position:relative

}

.itemdiv>.body {

    width:auto;

    margin-left:50px;

    margin-right:12px;

    position:relative

}

.itemdiv>.body>.time {

    display:block;

    font-size:11px;

    font-weight:bold;

    color:#666;

    position:absolute;

    right:9px;

    top:0

}

.itemdiv>.body>.time [class*="icon-"] {

    font-size:14px;

    font-weight:normal

}

.itemdiv>.body>.name {

    display:block;

    color:#999

}

.itemdiv>.body>.name>b {

    color:#777

}

.itemdiv>.body>.text {

    display:block;

    position:relative;

    margin-top:2px;

    padding-bottom:19px;

    padding-left:7px;

    font-size:13px

}

.itemdiv>.body>.text:after {

    display:block;

    content:"";

    height:1px;

    font-size:0;

    overflow:hidden;

    position:absolute;

    left:16px;

    right:-12px;

    margin-top:9px;

    border-top:1px solid #e4ecf3

}

.itemdiv>.body>.text>[class*="icon-quote-"]:first-child {

    color:#dce3ed;

    margin-right:4px

}

.itemdiv:last-child>.body>.text {

    border-bottom:0

}

.itemdiv:last-child>.body>.text:after {

    display:none

}

.itemdiv.dialogdiv {

    padding-bottom:14px

}

.itemdiv.dialogdiv:before {

    position:absolute;

    display:block;

    content:"";

    top:0;

    bottom:0;

    left:19px;

    width:3px;

    max-width:3px;

    background-color:#e1e6ed;

    border:1px solid #d7dbdd;

    border-width:0 1px

}

.itemdiv.dialogdiv:last-child:before {

    display:none

}

.itemdiv.dialogdiv>.user>img {

    border-color:#c9d6e5

}

.itemdiv.dialogdiv>.body {

    border:1px solid #dde4ed;

    padding:5px 8px 8px;

    border-left-width:2px;

    margin-right:1px

}

.itemdiv.dialogdiv>.body:before {

    content:"";

    display:block;

    position:absolute;

    left:-7px;

    top:11px;

    width:8px;

    height:8px;

    border:2px solid #dde4ed;

    border-width:2px 0 0 2px;

    background-color:#FFF;

    -webkit-box-sizing:content-box;

    -moz-box-sizing:content-box;

    box-sizing:content-box;

    -webkit-transform:rotate(-45deg);

    -ms-transform:rotate(-45deg);

    transform:rotate(-45deg)

}

.itemdiv.dialogdiv>.body>.time {

    position:static;

    float:right

}

.itemdiv.dialogdiv>.body>.text {

    padding-left:0;

    padding-bottom:0

}

.itemdiv.dialogdiv>.body>.text:after {

    display:none

}

.itemdiv.dialogdiv .tooltip-inner {

    word-break:break-all

}

.itemdiv.memberdiv {

    width:175px;

    padding:2px;

    margin:3px 0;

    float:left;

    border-bottom:1px solid #e8e8e8

}

.itemdiv.memberdiv>.user>img {

    border-color:#dce3ed

}

.itemdiv.memberdiv>.body>.time {

    position:static

}

.itemdiv.memberdiv>.body>.name {

    line-height:18px;

    height:18px;

    margin-bottom:0

}

.itemdiv.memberdiv>.body>.name>a {

    display:inline-block;

    max-width:100px;

    max-height:18px;

    overflow:hidden;

    text-overflow:ellipsis;

    word-break:break-all

}

.itemdiv .tools {

    position:absolute;

    right:5px;

    bottom:10px;

    display:none

}

.itemdiv .tools .btn {

    border-radius:36px;

    margin:1px 0

}

.itemdiv .body .tools {

    bottom:4px

}

.itemdiv.commentdiv .tools {

    right:9px

}

.itemdiv:hover .tools {

    display:inline-block

}

#acceptanceDatailPageContent .row .col-xs-12 .form-horizontal .form-group .row{

    float: left;

    width: 45%;

}

#acceptanceDatailPageContent .row .col-xs-12 .form-horizontal .form-group .row label{

    width: 120px;

}

#acceptanceDatailPageContent .row .col-xs-12 .form-horizontal .form-group .row .row .col-sm-9,#acceptanceDatailPageContent .row .col-xs-12 .form-horizontal .form-group .row .col-sm-9{

    width: 45%;

}

#acceptanceDatailPageContent .row .col-xs-12 img {

    margin-top: 8px;

}

.widget-main .step-content .col-sm-5{

    width: 50%;

}

.widget-main .step-content .col-sm-5 .form-group{

    height: 35px;

}

#noticeModal .modal-body{

    min-height: 653px;

}

#attachment {

    margin-top: -8px;

    height: 0px;

}

#attachment .uploadify-button{

    padding: 8px 40px;

    margin-left: 5px;

}

.green {

    color: grey;

}

.font-15{

    font-size: 15px;

}

.menu-ace{

    color: grey;

    width: 30px;

    padding: 0px 10px;

}

.menu-clear{

    color: grey;

    width: 30px;

    padding: 0px 8px;

}

#homePage .col-sm-9 {

    width: 77%;

    margin: 0px;

    padding: 0px;

}

#homePage .col-sm-3 {

    float: right;

    padding-left: 10px;

    width: 22%;

}

ul li strong {

    color: #555;

}

#createOrder .col-md-9,#createOrder .col-sm-9{

    width: 70%;

    margin-left: 15px;

}



/* append @Date:9.27 */

.nav-list>li>a>[class*="icon-"]:first-child {

    display: inline-block;

    vertical-align: middle;

    min-width: 30px;

    text-align: left;

    font-size: 18px;

    font-weight: normal;

    margin-right: 2px;

}

.inline .inline.long {

    width: 240px;

}

.inline .inline {

    display: inline-block;

    vertical-align: middle;

    margin: 0;

    overflow: hidden;

}

.inline label{

    display: inline-block;

    vertical-align: middle;

    margin: 0 10px 0 0;

}

.inline .inline input[type="text"],

.inline .inline input[type="password"],

.inline .inline select{

    box-sizing: border-box;

    height: 30px;

    line-height: 18px;

    width: 100%;

    margin:0;

}



.relative {

    position: relative;

}



.relative .stay-bottom{

    position: absolute;

    bottom: 0;

}

.devide-line {

    border-bottom: 1px solid #eee;

    margin:10px 0;

}



.flex-wrap{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}



.flex-wrap .stay-bottom{

    align-self: flex-end;

    flex-shrink: 0;

    margin-right: 15px;

}

.layui-layer-lan .layui-layer-btn .layui-layer-btn0 {

    border-color: #4898d5;

    background-color: #2e8ded;

    color: #fff;

}

.col-xs-12  .clearfix .inline .m-ctrl-medium{

    /*width: 80px;*/

    padding: 3.5px 0px;

}

#responsive{

    top: 50%;

}

option.has-child{

    color:#222;

}

.fl_search {

    margin: 10px 0 12px;

}

.fl_search span {

    /*margin-left: 10px;*/

    white-space: nowrap;

}

.fl_search span input, .fl_search span select {

    margin-bottom: 7px;

    margin-left: 7px;

    width: 120px;

    padding-right: 10px;

}

.fl_search .btn-search {

    margin-left: 15px;

}



.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{

    float: left;

}

.fl_search label{

    vertical-align: middle;

    font-size: 14px;

    font-weight: normal;

    display: inline-block;

}

.btn.btn-sm{

    padding-top:4px;

    padding-bottom: 4px;

}



.fl_search > * {

    display: inline-block;

}

.fl_search .inline{

    margin-right: 10px;

}

ul.fl-inline-list li {

    display: inline-block;

    float: left;

    font-size: 14px;

    padding-right: 20px;

}

.fl-page-wrap {

    margin: 30px auto 20px;

}

.fl-page-wrap .pager {

    margin-bottom: 0;

    margin-top: 0;

}

.fl-page-input {

    box-sizing: content-box;

    font-size: inherit;

    height: 14px !important;

    line-height: 16px;

    margin: 1px;

    padding-bottom: 1px;

    padding-top: 1px;

    text-align: center;

    width: 24px;

    /*margin: 0 !important;*/

    vertical-align: middle;

}

.fl-page-select {

    font-size: 10px;

    height: 24px;

    margin: 3px;

    padding: 3px 8px;

    width: auto;

    margin: 0;

    vertical-align: middle;

}

.flex-table .line {

    align-content: stretch;

    align-items: stretch;

    display: flex;

    flex-flow: row wrap;

    justify-content: space-around;

}

.flex-table .line-wrap {

    align-content: stretch;

    align-items: stretch;

    display: inline-flex;

    flex-flow: row wrap;

    justify-content: space-around;

}

.flex-table .line-wrap:nth-of-type(2) {

    flex: 1 1 0;

}

.flex-table .order {

    width: 3%;

}

.flex-table .content {

    width: 90%;

}

.flex-table .action {

    width: 7%;

}

.flex-table .cell {

    align-items: center;

    border: 1px solid #e8e8e8;

    box-sizing: border-box;

    display: flex;

    justify-content: center;

    margin: -1px 0 0 -1px;

    order: 0;

    padding: 6px;

    word-break: break-all;

}

.flex-table{

    margin:0;

}

.flex-table .cell.index {

    width: 100%;

}



.flex-table .cell.option {

    width: 100%;

}

.flex-table .cell input[type='text'] {

    display: block;

    width: 100%;

    margin: 0;

    box-sizing: border-box;

    height: 30px;

}



.flex-table .cell select {

    width: 100%;

    margin: 0;

}

.flex-table .table-title {

    background: #eff4f7 linear-gradient(to bottom, #f8f8f8 0px, #ececec 100%) repeat-x scroll 0 0;

}



.flex-table .content .cell:nth-of-type(1){

    flex-grow: 1;

}



.flex-table .col14 .cell{

    flex-basis: 7.14%;

}



.flex-table .col13 .cell{

    flex-basis: 7.6%;

}



.flex-table .content.col3 + .action{

    width: 9%;

    min-width: 100px;

}



.flex-table .col12 .cell{

    flex-basis: 8.333%;

}



.flex-table .col12 .cell{

    flex-basis: 8.333%;

}



.flex-table .col11 .cell{

    flex-basis: 9%;

}



.flex-table .col10 .cell{

    flex-basis: 10%;

}



.flex-table .col9 .cell{

    flex-basis: 11.111%;

}





.flex-table .col8 .cell{

    flex-basis: 12.5%;

}



.flex-table .col7 .cell{

    flex-basis: 14.285%;

}



.flex-table .col5 .cell{

    flex-basis: 20%;

}





.flex-table .col4 .cell{

    flex-basis: 25%;

}



.flex-table .col3 .cell{

    flex-basis: 33.333%;

}



.flex-table .col2 .cell{

    flex-basis: 50%;

}



.cell .btn-group{

    box-sizing: border-box;

    width: 100%;

    margin:0 !important;

}



.cell .btn-group > * {

    box-sizing: border-box;

    width: 100%;

}



.cell .btn-group .dropdown-menu{

    min-width: 60px;

    box-sizing: border-box;

}



.fltree li .checker span {

    border: none;

    box-sizing: border-box;

}



.radio:first-child,.checkbox:first-child{

    margin-top:-5px;

}

.btn-xs {

    border-width: 3px;

}

.btn-sm {

    border-width: 4px;

    font-size: 13px;

    padding: 4px 9px;

    line-height: 1.39;

}

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {

    background-color: #fff;

    /*border: 1px solid #d5d5d5;*/

    border-radius: 0 !important;

    box-shadow: none !important;

    color: #000000;

    font-family: inherit;

    font-size: 14px;

    line-height: 28px;

    /*padding: 2px 0px;*/

    padding:0px;

    transition-duration: 0.1s;

    height: auto;

    margin-left: 5px;

    text-indent: 0.4em;

}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {

    /*padding-left: 2px;*/

}

select{

    height: 30px;

}

.col-sm-9 #key.col-xs-10.col-sm-8,.col-sm-9 #value.col-xs-10.col-sm-8{

    margin-left: 5px;

}

li.item-blue {

    border-left-color: #4f99c6;

}

li[class*="item-"] {

    border: 1px solid #DDD;

    border-left-width: 3px;

}

.item-list>li {

    padding: 9px;

    margin-top: -1px;

    position: relative;

}

#itemlist{

    width:80%;

}

.col.sm-9 #companyName{

    margin-left: 5px;

}

#couponType_chosen{

    margin-left: 0px;

}

.page-content #userinfo .panel .form-horizontal .input-group[class*=col-]{

    float: left;

}
#userinfo .control-label {
    padding-right: 12px;
}
#userinfo textarea,#userinfo select,#userinfo input{
    margin: 0px;
}

li [class*=" icon-"] {

    display: inline-block;

    text-align: center;

    margin-right: 5px;

    margin:0px;

    width: 15px;

}

#sidebar li [class^="icon-"]{

    width: 0px;

    margin:0px;

}

.modal .modal-body .form-horizontal .form-group{

    min-height: 28px;

}

.chosen-single div b:before {

    content: "\f0d7";

    display: inline-block;

    color: #888;

    font-family: FontAwesome;

    font-size: 12px;

    position: relative;

    top: 0px;

    left: 1px;

}
#createOrder .chosen-single div b:before {
    top: 3px;

    left: -2px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b:before {

    content: "\f0d8";

}

.widget-main .form-horizontal .form-group{

    min-height: 35px;

    clear: both;

}

#step-container .form-horizontal .form-group .form-group .label{

    text-align: center;

    width: 25%;

    padding: 4px 0px;

}



.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active {

    background-color:#87b87f!important;

    border-color:#87b87f;

    color: white

}

.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active {

    background-color:#ffb752!important;

    border-color:#ffb752;

    color: white

}

.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active {

    background-color:#d15b47!important;

    border-color:#d15b47;

    color: white

}

.btn-pink.disabled,.btn-pink[disabled],fieldset[disabled] .btn-pink,.btn-pink.disabled:hover,.btn-pink[disabled]:hover,fieldset[disabled] .btn-pink:hover,.btn-pink.disabled:focus,.btn-pink[disabled]:focus,fieldset[disabled] .btn-pink:focus,.btn-pink.disabled:active,.btn-pink[disabled]:active,fieldset[disabled] .btn-pink:active,.btn-pink.disabled.active,.btn-pink[disabled].active,fieldset[disabled] .btn-pink.active {

    background-color:#d6487e!important;

    border-color:#d6487e;

    color: white

}

.btn-purple.disabled,.btn-purple[disabled],fieldset[disabled] .btn-purple,.btn-purple.disabled:hover,.btn-purple[disabled]:hover,fieldset[disabled] .btn-purple:hover,.btn-purple.disabled:focus,.btn-purple[disabled]:focus,fieldset[disabled] .btn-purple:focus,.btn-purple.disabled:active,.btn-purple[disabled]:active,fieldset[disabled] .btn-purple:active,.btn-purple.disabled.active,.btn-purple[disabled].active,fieldset[disabled] .btn-purple.active {

    background-color:#9585bf!important;

    border-color:#9585bf;

    color: white

}

.btn-grey.disabled,.btn-grey[disabled],fieldset[disabled] .btn-grey,.btn-grey.disabled:hover,.btn-grey[disabled]:hover,fieldset[disabled] .btn-grey:hover,.btn-grey.disabled:focus,.btn-grey[disabled]:focus,fieldset[disabled] .btn-grey:focus,.btn-grey.disabled:active,.btn-grey[disabled]:active,fieldset[disabled] .btn-grey:active,.btn-grey.disabled.active,.btn-grey[disabled].active,fieldset[disabled] .btn-grey.active {

    background-color:#a0a0a0!important;

    border-color:#a0a0a0;

    color: white

}

.btn-yellow.disabled,.btn-yellow[disabled],fieldset[disabled] .btn-yellow,.btn-yellow.disabled:hover,.btn-yellow[disabled]:hover,fieldset[disabled] .btn-yellow:hover,.btn-yellow.disabled:focus,.btn-yellow[disabled]:focus,fieldset[disabled] .btn-yellow:focus,.btn-yellow.disabled:active,.btn-yellow[disabled]:active,fieldset[disabled] .btn-yellow:active,.btn-yellow.disabled.active,.btn-yellow[disabled].active,fieldset[disabled] .btn-yellow.active {

    background-color:#fee188!important;

    border-color:#fee188;

    color: white

}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {

    background-color:#428bca!important;

    border-color:#428bca;

    color: white

}

.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {

    background-color:#6fb3e0!important;

    border-color:#6fb3e0;

    color: white

}

.col-sm-offset-1 {

    margin-left: 8.33333333%;

}

.header.lighter {

    border-bottom: 1px solid #ddd;

    line-height: 28px;

    margin-bottom: 16px;

    margin-top: 18px;

    padding-bottom: 4px;

}

#activityItems .widget-body {

    border: 1px solid #e9e9e9;

}

#activityItems .widget-body .ui-pg-div .ui-icon{

    font-size: 16px;

    line-height: 23px;

    padding-right: 5px;

    padding-left: 3px;

}

#acceptanceDatailPageContent .widget-container-span{

    width: 25%;

}



#left .buttons .btn {

    margin-right: 0px;

}



/* @Date 10.2 */



.wysiwyg-editor {

    max-height:250px;

    height:250px;

    background-color:#f7f8fa;

    border-collapse:separate;

    border:1px solid #bbc0ca;

    padding:4px;

    box-sizing:content-box;

    overflow-y:scroll;

    overflow-x:hidden;

    outline:0

}

.wysiwyg-editor:focus {

    background-color:#FFF

}

.wysiwyg-toolbar {

    line-height:34px;

    margin:0!important

}

.wysiwyg-toolbar .dropdown-menu {

    text-align:left

}

.wysiwyg-toolbar .btn-group {

    float:none;

    font-size:0

}

.wysiwyg-toolbar .btn-group>.btn,.wysiwyg-toolbar .btn-group>.inline>.btn {

    float:none;

    padding-left:0;

    padding-right:0;

    text-align:center;

    border-width:2px;

    margin-left:1px

}

.wysiwyg-toolbar .btn-group>.btn>[class*="icon-"]:first-child,.wysiwyg-toolbar .btn-group>.inline>.btn>[class*="icon-"]:first-child {

    font-size:14px;

    width:25px;

    max-width:25px;

    display:inline-block;

    border-width:1px!important

}

.wysiwyg-toolbar .btn-group>.btn.dropdown-toggle>[class*="icon-"]:last-child,.wysiwyg-toolbar .btn-group>.inline>.btn.dropdown-toggle>[class*="icon-"]:last-child {

    margin-right:4px

}

.wysiwyg-toolbar .btn-group>.btn.active:after,.wysiwyg-toolbar .btn-group>.inline>.btn.active:after {

    border-color:transparent;

    border-style:solid;

    border-top-color:inherit;

    border-width:6px 14px;

    bottom:-13px;

    left:0;

    right:0

}

.wysiwyg-style1 .btn-group>.btn,.wysiwyg-style2 .btn-group>.btn,.wysiwyg-style1 .btn-group>.inline>.btn,.wysiwyg-style2 .btn-group>.inline>.btn {

    margin:0!important;

    background:#FFF!important;

    border:none!important;

    color:#adb3be!important;

    text-shadow:none!important

}

.wysiwyg-style1 .btn-group>.btn.active,.wysiwyg-style2 .btn-group>.btn.active,.wysiwyg-style1 .btn-group>.inline>.btn.active,.wysiwyg-style2 .btn-group>.inline>.btn.active {

    color:#5b80ce!important

}

.wysiwyg-style1 .btn-group>.btn.active:after,.wysiwyg-style2 .btn-group>.btn.active:after,.wysiwyg-style1 .btn-group>.inline>.btn.active:after,.wysiwyg-style2 .btn-group>.inline>.btn.active:after {

    display:none

}

.wysiwyg-style1 .btn-group,.wysiwyg-style2 .btn-group {

    position:relative

}

.wysiwyg-style1 .btn-group:after,.wysiwyg-style2 .btn-group:after {

    display:block;

    content:"";

    position:absolute;

    left:-2px;

    width:0;

    max-width:0;

    top:6px;

    bottom:6px;

    border-left:1px solid #e1e6ea

}

.wysiwyg-style1 .btn-group:first-child:after,.wysiwyg-style2 .btn-group:first-child:after {

    display:none

}

.wysiwyg-style2 {

    background-color:#e5e5e5

}

.wysiwyg-style2+.wysiwyg-editor {

    border-color:#DDD;

    background-color:#FFF;

    border-top:0

}

.wysiwyg-style2 .btn-group>.btn,.wysiwyg-style2 .btn-group>.inline>.btn {

    padding: 5px 9px;

    margin:0 1px 0 0!important;

    background:#FFF!important;

    border:none!important;

    color:#8d939e!important;

    text-shadow:none!important

}

.wysiwyg-style2 .btn-group>.btn.active,.wysiwyg-style2 .btn-group>.inline>.btn.active {

    color:#FFF!important;

    background:#6aaedf!important

}

.wysiwyg-style2 .btn-group:after {

    display:none

}

.wysiwyg-toolbar .btn-colorpicker {

    width:24px;

    height:24px;

    position:relative;

    background:#87b87f;

    background:-moz-linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%);

    background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#cf3e73),color-stop(20%,#fff),color-stop(30%,#2283c5),color-stop(40%,#fff),color-stop(50%,#87b87f),color-stop(60%,#fff),color-stop(70%,#ffb752),color-stop(80%,#fff),color-stop(90%,#d15b47),color-stop(100%,#fff));

    background:-webkit-linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%);

    background:-o-linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%);

    background:-ms-linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF3E73',endColorstr='#FFB752',GradientType=0);

    background:linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%)

}

.wysiwyg-toolbar .dropdown-colorpicker>.dropdown-menu {

    top:inherit

}

.wysiwyg-toolbar input[type=file] {

    position:fixed;

    z-index:-10;

    opacity:0;

    max-width:0;

    max-height:0;

    display:block

}

.wysiwyg-toolbar .wysiwyg-choose-file {

    display:inline-block;

    width:auto;

    margin:4px auto 0;

    padding-left:5px;

    padding-right:5px

}

.wysiwyg-toolbar .dropdown-menu input[type=text] {

    margin-left:8px;

    margin-bottom:0

}

.wysiwyg-toolbar .dropdown-menu input[type=text].form-control {

    min-width:150px

}

.wysiwyg-toolbar .dropdown-menu .btn {

    margin-right:8px;

    margin-left:1px

}

.wysiwyg-style1 .btn-colorpicker {

    width:20px;

    height:20px

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .wysiwyg-editor img {

        display:inline!important

    }

    .wysiwyg-editor .ui-wrapper {

        border:1px dotted #D00;

        overflow:visible!important;

        display:inline-block!important;

        vertical-align:middle

    }

    .wysiwyg-editor .ui-wrapper:after {

        content:"";

        display:block;

        position:absolute;

        right:-3px;

        bottom:-3px;

        width:7px;

        height:7px;

        border:1px solid #D00;

        background-color:#FFF;

        z-index:1

    }

}.widget-header .wysiwyg-toolbar {

     background-color:transparent

 }

.widget-header .wysiwyg-toolbar .btn-group>.btn,.widget-header .wysiwyg-toolbar .btn-group>.inline>.btn {

    border-color:transparent;

    background:rgba(255,255,255,0.25)!important;

    color:#FFF!important;

    border-width:1px

}

.widget-header .wysiwyg-toolbar .btn-group>.btn.active,.widget-header .wysiwyg-toolbar .btn-group>.inline>.btn.active {

    background:rgba(0,0,0,0.25)!important

}

.widget-body .wysiwyg-editor {

    border:0

}

.wysiwyg-speech-input {

    width:20px!important;

    color:transparent!important;

    background:transparent none!important;

    border:none!important;

    -moz-transform:scale(2.0,2.0);

    -webkit-transform:scale(2.0,2.0);

    -o-transform:scale(2.0,2.0);

    -ms-transform:scale(2.0,2.0);

    transform:scale(2.0,2.0);

    -webkit-box-shadow:none!important;

    box-shadow:none!important;

    cursor:pointer

}

.wysiwyg-speech-input:focus {

    -webkit-box-shadow:none!important;

    box-shadow:none!important

}

.widget-body .md-header {

    margin-top:-30px;

    margin-left:9px

}

.widget-body .md-header .btn {

    border-color:transparent;

    background:rgba(255,255,255,0.25)!important;

    color:#FFF!important;

    text-align:center;

    padding-left:0;

    padding-right:0;

    border-width:1px!important;

    padding-top:2px;

    padding-bottom:4px

}

.widget-body .md-header .btn>[class*="icon-"] {

    font-size:14px;

    width:25px;

    max-width:25px;

    display:inline-block

}

.widget-body .md-header .btn-inverse {

    background:rgba(0,0,0,0.25)!important;

    padding-right:5px;

    margin-left:4px

}

.widget-body .md-preview {

    padding:8px;

    min-height:200px

}

.widget-body .md-input {

    border:none!important;

    box-shadow:none!important;

    display:block;

    margin-bottom:0;

    background-color:rgba(48,126,204,0.07);

    padding:8px;

    width:100%

}

.widget-body .md-input:focus {

    background-color:#FFF;

    box-shadow:none!important

}



.editable-buttons,.editable-input {

    display:inline-block

}

.editable-buttons {

    margin-left:1px

}

.editable-buttons .btn {

    padding:0;

    width:28px;

    line-height:24px;

    border-width:3px;

    font-size:12px;

    margin:0 1px 0 0

}

.editable-buttons .btn>[class*="icon-"] {

    margin:0

}

.editable-clear-x {

    cursor:pointer;

    color:#888;

    background:0

}

.editable-clear-x:hover {

    color:#d15b47

}

.editable-clear-x:before {

    display:inline-block;

    content:"\f057";

    font-family:FontAwesome;

    font-size:15px;

    position:absolute;

    margin-top:-9px;

    width:16px;

    height:30px;

    line-height:30px;

    text-align:center

}

.editable-input .ace-spinner {

    margin-right:8px

}

.editable-inline .editable-slider {

    margin-top:10px;

    margin-right:4px

}

.editable-popup .editable-slider {

    display:block;

    margin-bottom:16px;

    margin-top:4px

}

.editable-slider input {

    display:none

}

.editable-input .ace-file-input {

    display:block

}

.editable-image .ace-file-multiple label.selected {

    border-color:transparent

}

.editable-image+.editable-buttons,.editable-wysiwyg+.editable-buttons {

    display:block;

    text-align:center;

    margin-top:8px

}

.editable-wysiwyg {

    width:95%

}

.editable-wysiwyg .wysiwyg-editor {

    height:auto;

    overflow-y:hidden

}

.editableform .input-append.dropdown-menu {

    display:none

}

.editableform .open .input-append.dropdown-menu {

    display:block

}

.editable-container .editableform {

    margin-bottom:10px

}

.editable-inline .editableform {

    margin-bottom:0

}

.editableform-loading {

    background:0

}

.editableform-loading [class*="icon-"],.editableform-loading .progress {

    position:relative;

    top:35%

}



.wysiwyg-toolbar .dropdown-colorpicker>.dropdown-menu {

    top:inherit

}



.dropdown-colorpicker>.dropdown-menu {

    top:80%;

    left:-7px;

    padding:4px;

    min-width:130px;

    max-width:130px

}

.dropdown-colorpicker>.dropdown-menu.pull-right {

    right:-7px;

    left:auto

}

.dropdown-colorpicker>.dropdown-menu>li {

    display:block;

    float:left;

    width:20px;

    height:20px;

    margin:2px

}

.dropdown-colorpicker>.dropdown-menu>li>.colorpick-btn {

    display:block;

    width:20px;

    height:20px;

    margin:0;

    padding:0;

    border-radius:0;

    position:relative;

    -webkit-transition:all ease .1s;

    transition:all ease .1s

}

.dropdown-colorpicker>.dropdown-menu>li>.colorpick-btn:hover {

    text-decoration:none;

    opacity:.8;

    filter:alpha(opacity=80);

    -webkit-transform:scale(1.08);

    -ms-transform:scale(1.08);

    transform:scale(1.08)

}

.dropdown-colorpicker>.dropdown-menu>li>.colorpick-btn.selected:after {

    content:"\f00c";

    display:inline-block;

    font-family:FontAwesome;

    font-size:11px;

    color:#FFF;

    position:absolute;

    left:0;

    right:0;

    text-align:center;

    line-height:20px

}

.btn-colorpicker {

    display:inline-block;

    width:20px;

    height:20px;

    background-color:#DDD;

    vertical-align:middle;

    border-radius:0

}

#myTab{

    margin-bottom: 0px;

    margin-right: 20px;

}

label {

    display: inline-block;

    margin: 0px;

    vertical-align: middle;

}

.inline-group .item.long {

    width: 240px;

    display: inline-block;

    vertical-align: middle;

    margin: 0px;

}

.hr {

    display:block;

    height:0;

    overflow:hidden;

    font-size:0;

    border-top:1px solid #e5e5e5;

    margin:12px 0

}

#paymentScale,#approveSpecialActivityItemManSel{

    margin-top: 15px;

}

#decorationOrderDetailDesignerPageContent #step5 .widget-box {

    border: 1px solid #ce6f9e;

}

.pricing-table>li {

    text-align: center;

    padding: 7px 0;

    font-size: 13px;

}

.icon-ban-circle{

    color: #dd5a43!important;

}

#decorationOrderPageContent .timeline-container .widget-box {

    float: left;

    margin-left: 0px;

}

#decorationOrderPageContent .timeline-container .timeline-label .label{

    text-align: center;

}

#layerSubmit .form-horizontal .controls{

    margin: 0px;

    margin-top: 10px;

}

#layerSubmit .controls > .radio,#layerSubmit .controls > .checkbox {

    display: block;

    float: left;

    width: 100%;

}

.range_inputs  .daterangepicker_start_input,.range_inputs  .daterangepicker_end_input{

    width: 74px;

}

.range_inputs .input-mini {

    width: 60px;

}

.uploadify-button{

    border: 0px;

}

.col-sm-6.widget-container-span {

    width: 50%;

}

.col-md-6.widget-container-span {

    width: 50%;

}

.col-sm-3.widget-container-span{

    width: 25%;

}

.col-sm-9.widget-container-span{

    width: 75%;

}

.widget-container-span {

    width: 100%;

}

.fl-table-list.ui-sortable{

    margin-top: 10px;

}

.form-group{

    min-height: 35px;

}

#userExpModal .form-group{

    display: inline-block;

    padding: 15px;

    margin: 0px;
}

#userExpModal form{
    margin: 0px;
}

#decorationPaymentContent .modal-body h4,#paymentModal .modal-body h4{

    font-size: 15px;

    font-weight: bolder;

    color: #4e4b4b;

}

#decorationPaymentContent .modal-body  .header,#paymentModal .modal-body .header {

    line-height: 28px;

    margin-bottom: 16px;

    margin-top: 18px;

    padding-bottom: 4px;

    border-bottom: 1px solid #ddd;

}

#decorationPaymentContent .modal-body .btn.btn-minier,#paymentModal .modal-body .btn.btn-minier{

    padding: 3px 8px;

    width: 60px;

}

#decorationPaymentContent .modal-body input[type=checkbox].ace+.lbl,#decorationPaymentContent .modal-body input[type=radio].ace+.lbl,#paymentModal .modal-body input[type=checkbox].ace+.lbl,#paymentModal .modal-body input[type=radio].ace+.lbl{

    margin-left: 10px;

    font-size: 14px;

}

#bankDivGroup .form-group{

    height: 136px;

}





.flex-table {

    list-style: none;

    margin: 0;

    padding: 0;

    border-color: #E1E1E1;

    border-width: 1px 0 0 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.flex-table .line {

    display: -webkit-flex; /* Safari */

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: stretch;

    align-content: stretch;

}



.flex-table .line-wrap {

    display: -webkit-inline-flex; /* Safari */

    display: inline-flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: stretch;

    align-content: stretch;

}



.flex-table .line-wrap:nth-of-type(2) {

    flex: 1;

}



.flex-table .order {

    width: 3%;

    min-width: 36px;

}



.flex-table .content {

    width: 90%;

}



.flex-table .action {

    width: 7%;

    min-width: 70px;

}



.flex-table .cell {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    display: flex;

    padding: 6px;

    border: 1px solid #e8e8e8;

    order: 0;

    justify-content: center;

    align-items: center;

    margin: -1px 0 0 -1px;

    word-break: break-all;

}



.flex-table .cell-grow {

    flex-grow: 1;

}



.flex-table .cell.index {

    width: 100%;

}



.flex-table .cell.name {

    width: 15%;

}



.flex-table .cell.type {

    width: 6%;

}



.flex-table .cell.brand {

    width: 6%;

}



.flex-table .cell.unit {

    width: 6%;

}



.flex-table .cell.money {

    width: 8%;

    order: 7;

}



.flex-table .cell.decimal {

    width: 5%;

    order: 7;

}



.flex-table .cell.num {

    width: 5%;

    order: 7;

}



.flex-table .cell.package {

    width: 8%;

    order: 7;

}



.flex-table .cell.remark {

    order: 7;

    width: 12%;

}



.flex-table .cell.seat {

    order: 7;

    width: 22%;

}



.flex-table .cell.option {

    width: 100%;

    flex-wrap: wrap;

}



.flex-table .cell input {

    width: 100%;

}



.flex-table .table-title {

    background: #eff4f7;

    background-image: -webkit-gradient(linear, left 0, left 100%, from(#f8f8f8), to(#ececec));

    background-image: -webkit-linear-gradient(top, #f8f8f8, 0%, #ececec, 100%);

    background-image: -moz-linear-gradient(top, #f8f8f8 0, #ececec 100%);

    background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);

}

.pull-right {

    float: right !important;

}

.layui-layer-content .col-xs-12{

    width: 99%;

}

.layui-layer-content .flex-wrap{

    margin-bottom: 8px;

}

.layui-layer-wrap .widget-main .form-group .controls.col-xs-8{

    padding-right: 12px;

    padding-left: 12px;

    width: 62%;

}



.uneditable-input, textarea.m-wrap, input[type="text"].m-wrap, input[type="password"].m-wrap, input[type="datetime"].m-wrap, input[type="datetime-local"].m-wrap, input[type="date"].m-wrap, input[type="month"].m-wrap, input[type="time"].m-wrap, input[type="week"].m-wrap, input[type="number"].m-wrap, input[type="email"].m-wrap, input[type="url"].m-wrap, input[type="search"].m-wrap, input[type="tel"].m-wrap, input[type="color"].m-wrap{

    text-indent: 0.6em;

}

.layui-layer.layui-anim.layui-layer-page .layui-layer-wrap .row-fluid{

    width: 99%;

}

.label-yellow, .badge-yellow {

    background-color: rgba(45, 41, 56, 0.8);

}

.bigger-150 {

    font-size: 140%;

}

.bigger-120 {

    font-size: 118%;

}

.top-table .topPic, .top-table .userPic {

    width: 30px;

}

.top-table span {

    display: inline-block;

    margin-left: 10px;

}





.infobox-container {

    text-align:left;

    font-size:0

}

.infobox {

    display:inline-block;

    width:210px;

    height:66px;

    color:#555;

    background-color:#FFF;

    box-shadow:none;

    border-radius:0;

    margin:-1px 0 0 -1px;

    padding:8px 3px 6px 9px;

    border:1px dotted;

    border-color:#d8d8d8!important;

    vertical-align:middle;

    text-align:left;

    position:relative;

}

.infobox>.infobox-icon {

    display:inline-block;

    vertical-align:top;

    width:44px

}

.infobox>.infobox-icon>[class*="icon-"] {

    display:inline-block;

    height:42px;

    margin:0;

    padding:1px 1px 0 2px;

    background-color:transparent;

    border:0;

    text-align:center;

    position:relative;

    border-radius:100%;

    -webkit-box-shadow:1px 1px 0 rgba(0,0,0,0.2);

    box-shadow:1px 1px 0 rgba(0,0,0,0.2)

}

.infobox>.infobox-icon>[class*="icon-"]:before {

    font-size:24px;

    display:block;

    padding:6px 0 7px;

    width:40px;

    text-align:center;

    border-radius:100%;

    color:rgba(255,255,255,0.9);

    background-color:rgba(255,255,255,0.2);

    text-shadow:1px 1px 1px rgba(0,0,0,0.14)

}

.infobox .infobox-content {

    color:#555

}

.infobox .infobox-content:first-child {

    font-weight:bold

}

.infobox>.infobox-data {

    display:inline-block;

    border:0;

    border-top-width:0;

    font-size:13px;

    text-align:left;

    line-height:21px;

    min-width:130px;

    padding-left:8px;

    position:relative;

    top:0

}

.infobox>.infobox-data>.infobox-data-number {

    display:block;

    font-size:22px;

    margin:2px 0 4px;

    position:relative;

    text-shadow:1px 1px 0 rgba(0,0,0,0.15)

}

.infobox>.infobox-data>.infobox-text {

    display:block;

    font-size:16px;

    margin:2px 0 4px;

    position:relative;

    text-shadow:none

}

.infobox.no-border {

    border:none!important

}

@media only screen and (max-width:460px) {

    .infobox {

        min-width:95%;

        margin-top:2px;

        margin-bottom:2px

    }

}.infobox-purple {

     color:#6f3cc4;

     border-color:#6f3cc4

 }

.infobox-purple>.infobox-icon>[class*="icon-"] {

    background-color:#6f3cc4

}

.infobox-purple.infobox-dark {

    background-color:#6f3cc4;

    border-color:#6f3cc4

}

.infobox-purple2 {

    color:#5f47b0;

    border-color:#5f47b0

}

.infobox-purple2>.infobox-icon>[class*="icon-"] {

    background-color:#5f47b0

}

.infobox-purple2.infobox-dark {

    background-color:#5f47b0;

    border-color:#5f47b0

}

.infobox-pink {

    color:#cb6fd7;

    border-color:#cb6fd7

}

.infobox-pink>.infobox-icon>[class*="icon-"] {

    background-color:#cb6fd7

}

.infobox-pink.infobox-dark {

    background-color:#cb6fd7;

    border-color:#cb6fd7

}

.infobox-blue {

    color:#6fb3e0;

    border-color:#6fb3e0

}

.infobox-blue>.infobox-icon>[class*="icon-"] {

    background-color:#6fb3e0

}

.infobox-blue.infobox-dark {

    background-color:#6fb3e0;

    border-color:#6fb3e0

}

.infobox-blue2 {

    color:#3983c2;

    border-color:#3983c2

}

.infobox-blue2>.infobox-icon>[class*="icon-"] {

    background-color:#3983c2

}

.infobox-blue2.infobox-dark {

    background-color:#3983c2;

    border-color:#3983c2

}

.infobox-blue3 {

    color:#1144eb;

    border-color:#1144eb

}

.infobox-blue3>.infobox-icon>[class*="icon-"] {

    background-color:#1144eb

}

.infobox-blue3.infobox-dark {

    background-color:#1144eb;

    border-color:#1144eb

}

.infobox-red {

    color:#d53f40;

    border-color:#d53f40

}

.infobox-red>.infobox-icon>[class*="icon-"] {

    background-color:#d53f40

}

.infobox-red.infobox-dark {

    background-color:#d53f40;

    border-color:#d53f40

}

.infobox-brown {

    color:#c67a3e;

    border-color:#c67a3e

}

.infobox-brown>.infobox-icon>[class*="icon-"] {

    background-color:#c67a3e

}

.infobox-brown.infobox-dark {

    background-color:#c67a3e;

    border-color:#c67a3e

}

.infobox-wood {

    color:#7b3f25;

    border-color:#7b3f25

}

.infobox-wood>.infobox-icon>[class*="icon-"] {

    background-color:#7b3f25

}

.infobox-wood.infobox-dark {

    background-color:#7b3f25;

    border-color:#7b3f25

}

.infobox-light-brown {

    color:#cebea5;

    border-color:#cebea5

}

.infobox-light-brown>.infobox-icon>[class*="icon-"] {

    background-color:#cebea5

}

.infobox-light-brown.infobox-dark {

    background-color:#cebea5;

    border-color:#cebea5

}

.infobox-orange {

    color:#e8b110;

    border-color:#e8b110

}

.infobox-orange>.infobox-icon>[class*="icon-"] {

    background-color:#e8b110

}

.infobox-orange.infobox-dark {

    background-color:#e8b110;

    border-color:#e8b110

}

.infobox-orange2 {

    color:#f79263;

    border-color:#f79263

}

.infobox-orange2>.infobox-icon>[class*="icon-"] {

    background-color:#f79263

}

.infobox-orange2.infobox-dark {

    background-color:#f79263;

    border-color:#f79263

}

.infobox-green {

    color:#9abc32;

    border-color:#9abc32

}

.infobox-green>.infobox-icon>[class*="icon-"] {

    background-color:#9abc32

}

.infobox-green.infobox-dark {

    background-color:#9abc32;

    border-color:#9abc32

}

.infobox-green2 {

    color:#0490a6;

    border-color:#0490a6

}

.infobox-green2>.infobox-icon>[class*="icon-"] {

    background-color:#0490a6

}

.infobox-green2.infobox-dark {

    background-color:#0490a6;

    border-color:#0490a6

}

.infobox-grey {

    color:#999;

    border-color:#999

}

.infobox-grey>.infobox-icon>[class*="icon-"] {

    background-color:#999

}

.infobox-grey.infobox-dark {

    background-color:#999;

    border-color:#999

}

.infobox-black {

    color:#393939;

    border-color:#393939

}

.infobox-black>.infobox-icon>[class*="icon-"] {

    background-color:#393939

}

.infobox-black.infobox-dark {

    background-color:#393939;

    border-color:#393939

}

.infobox-dark {

    margin:1px 1px 0 0;

    border-color:transparent!important;

    border:0;

    color:#FFF;

    padding:4px

}

.infobox-dark>.infobox-icon>[class*="icon-"],.infobox-dark>.infobox-icon>[class*="icon-"]:before {

    background-color:transparent;

    box-shadow:none;

    text-shadow:none;

    border-radius:0;

    font-size:30px

}

.infobox-dark>.infobox-icon>[class*="icon-"]:before {

    opacity:1;

    filter:alpha(opacity=100)

}

.infobox-dark .infobox-content {

    color:#FFF

}

.infobox>.infobox-progress {

    padding-top:0;

    display:inline-block;

    vertical-align:top;

    width:44px

}

.infobox>.infobox-chart {

    padding-top:0;

    display:inline-block;

    vertical-align:text-bottom;

    width:44px;

    text-align:center

}

.infobox>.infobox-chart>.sparkline {

    font-size:24px

}

.infobox>.infobox-chart canvas {

    vertical-align:middle!important

}

.infobox>.stat {

    display:inline-block;

    position:absolute;

    right:20px;

    top:11px;

    text-shadow:none;

    color:#abbac3;

    font-size:13px;

    font-weight:bold;

    padding-right:18px;

    padding-top:3px

}

.infobox>.stat:before {

    display:inline-block;

    content:"";

    width:8px;

    height:11px;

    background-color:#abbac3;

    position:absolute;

    right:4px;

    top:7px

}

.infobox>.stat:after {

    display:inline-block;

    content:"";

    position:absolute;

    right:1px;

    top:-8px;

    border:12px solid transparent;

    border-width:8px 7px;

    border-bottom-color:#abbac3

}

.infobox>.stat.stat-success {

    color:#77c646

}

.infobox>.stat.stat-success:before {

    background-color:#77c646

}

.infobox>.stat.stat-success:after {

    border-bottom-color:#77c646

}

.infobox>.stat.stat-important {

    color:#e4564f

}

.infobox>.stat.stat-important:before {

    background-color:#e4564f;

    top:3px

}

.infobox>.stat.stat-important:after {

    border-top-color:#e4564f;

    border-bottom-color:transparent;

    bottom:-6px;

    top:auto

}

.infobox.infobox-dark>.stat {

    color:#FFF

}

.infobox.infobox-dark>.stat:before {

    background-color:#e1e5e8

}

.infobox.infobox-dark>.stat:after {

    border-bottom-color:#e1e5e8

}

.infobox.infobox-dark>.stat.stat-success {

    color:#FFF

}

.infobox.infobox-dark>.stat.stat-success:before {

    background-color:#d0e29e

}

.infobox.infobox-dark>.stat.stat-success:after {

    border-bottom-color:#d0e29e

}

.infobox.infobox-dark>.stat.stat-important {

    color:#FFF

}

.infobox.infobox-dark>.stat.stat-important:before {

    background-color:#ff8482;

    top:3px

}

.infobox.infobox-dark>.stat.stat-important:after {

    border-top-color:#ff8482;

    border-bottom-color:transparent;

    bottom:-6px;

    top:auto

}

.infobox>.badge {

    position:absolute;

    right:20px;

    top:11px;

    border-radius:0;

    text-shadow:none;

    color:#FFF;

    font-size:11px;

    font-weight:bold;

    line-height:15px;

    height:16px;

    padding:0 1px

}

.infobox.infobox-dark>.badge {

    color:#FFF;

    background-color:rgba(255,255,255,0.2)!important;

    border:1px solid #f1f1f1;

    top:2px;

    right:2px

}

.infobox.infobox-dark>.badge.badge-success>[class*="icon-"] {

    color:#c6e9a1

}

.infobox.infobox-dark>.badge.badge-important>[class*="icon-"] {

    color:#ecb792

}

.infobox.infobox-dark>.badge.badge-warning>[class*="icon-"] {

    color:#ecb792

}

.infobox-small {

    width:135px;

    height:52px;

    text-align:left;

    padding-bottom:5px

}

.infobox-small>.infobox-icon,.infobox-small>.infobox-chart,.infobox-small>.infobox-progress {

    display:inline-block;

    width:40px;

    max-width:40px;

    height:42px;

    line-height:38px;

    vertical-align:middle

}

.infobox-small>.infobox-data {

    display:inline-block;

    text-align:left;

    vertical-align:middle;

    max-width:72px;

    min-width:0

}

.infobox-small>.infobox-chart>.sparkline {

    font-size:14px;

    margin-left:2px

}

.percentage {

    font-size:14px;

    font-weight:bold;

    display:inline-block;

    vertical-align:top

}

.infobox-small .percentage {

    font-size:13px;

    font-weight:normal;

    margin-top:2px;

    margin-left:2px

}



.icon-plus:before {

    content: "\f067";

}



.panel-body {

    padding-top: 15px;

    padding-right: 15px;

    padding-left: 15px;

}

.panel{

    background-color: white;

}

.page-header {

    margin: 0 0 12px;

    border-bottom: 1px dotted #e2e2e2;

    padding-bottom: 16px;

    padding-top: 7px;

}

.page-content {

    margin: 0;

    padding: 8px 12px 24px;

}



.timeline-item .transparent.widget-box{

    border-left: 0px;

}/*

.timeline-container .widget-box:after {

    right: 100%;

    !*border: solid transparent;*!

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-right-color: #f2f6f9;

    border-width: 10px;

    top: 10px;

}*/

.timeline-item:nth-child(even) .widget-box:after {

    border-right-color: #f3f3f3;

}

.timeline-item .transparent .widget-header{

    background-color: transparent;

}

.timeline-container .widget-box.transparent>.widget-header {

    border-bottom: 1px solid white;

}

.timeline-container .widget-box.transparent>.widget-header-small{

    font-size: 14px;

    color: black;

    padding-top: 8px;

    padding-left: 5px;

}

.timeline-container .widget-toolbar:before{

    border: 0px;

}

.flloading:after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-color: rgba(0, 0, 0, 0.5);

    /* background-image: url(assets/img/loading.gif); */

    background-position: center;

    background-repeat: no-repeat;

    z-index: 999;

}

#baseItemModal #couponDiv .chosen-choices{
    width: 95%!important;
    margin-left: 15px!important;
}

.flex-table .line-wrap .ui-icon-disk:before,.flex-table .line-wrap .icon-ok:before{
    color: #72d6c0!important;
}
.flex-table .line-wrap .icon-remove:before{
    color: #ef6464;
}

ul.page-sidebar-menu > li.open > a{
    background: #e02222 !important;
    border-top-color: transparent !important;
}
ul.page-sidebar-menu > li.open > a [class*="icon-"]{
    color: white;
}
.page-sidebar ul > li.open > a > .arrow:before{
    color: white!important;
}

.chosen-container-single .chosen-search:after {
    content: "\f002";
    display: inline-block;
    color: #888;
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    top: 8px;
    right: 12px;
}

.nav-list>li .submenu>li a>[class*="icon-"]:first-child {
    display: none;
    font-size: 12px;
    font-weight: normal;
    width: 18px;
    height: auto;
    line-height: 12px;
    text-align: center;
    position: absolute;
    left: 10px;
    top: 11px;
    z-index: 1;
    color:white;
}
.nav-list>li>.submenu li.open>a>[class*="icon-"]:first-child {
    display: inline-block;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}
.icon-pencil:before {
    content: "\f040"!important;
}
.open ul li.active{
    background-color: rgb(87,87,87)!important;
}
ul.page-sidebar-menu > li.open > a:after{
    display: block;
    content: "";
    position: absolute!important;
    right: 0;
    top: 4px;
    border: 8px solid transparent;
    border-width: 14px 10px;
    border-right-color: white;
}
.pager li > a, .pager li > span{
    padding: 2px 14px!important;
}
#calendarPage .fc-header-title h2{
    font-size: 23px;
}
#createOrder .chosen-container-single .chosen-single{
    padding: 0px!important;
    height: 32px;
}
#createOrder .chosen-container-single .chosen-single span{
    line-height: 32px;
}
.tab-content.profile-edit-tab-content {
    border: 1px solid #DDD;
    padding: 8px 32px 32px;
    background-color: #FFF;
}

.chosen-select {
    display: inline!important;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.form-group select, .form-group input {
    height: 32px;
}

.modal-body .input-group[class*=col-]{
    float: left;
}

.alert{
    margin-bottom: 10px!important;
}

#homePage .alert-info:hover {
    outline: none;
    -webkit-transition: -webkit-transform .15s ease;
    transition: -webkit-transform .15s ease;
    transition: transform .15s ease;
    transition: transform .15s ease, -webkit-transform .15s ease;
    -webkit-transform: scale(1.04);
    -moz-transform:scale(1.04)
}

#homePage .ranking{
    width: 100%;
}

#activityModal .modal-body .form-group .form-control,#noticeModal .modal-body .form-group .form-control,#activityModal .modal-body .col-sm-9 input,#noticeModal .modal-body .col-sm-9 input,#noticeModal .modal-body .col-sm-9 select,#activityModal .modal-body .col-sm-9 select{
    margin: 0px!important;
}
#activityModal .modal-body .form-group .col-sm-3,#noticeModal .modal-body .form-group .col-sm-3{
    width: 23%;
    margin-right: 10px;
    color: rgb(100, 97, 126)
}


.home-layer-content{
    line-height:22px;
    background-color:#136194;
    color:#fff;
    font-weight:300;
    text-align:center;
    height: 100%;
}
.home-layer {
    width: 49.9%;
    height: 100%;
    float: left;
}
.home-layer-span1{
    float: left;
    font-size: 20px;
    line-height: 50px;
    width: 100%;
}
.home-layer-span2{
    float: left;
    font-size: 15px;
    width: 100%;
}
.home-layer-img{
    width: 100%;
    float: left;
}
.home-layer-border-right{
    border-right: 1px solid;
}

/* locking */
[id*="bringins-block-"]{
    z-index: 99999;
}
[id*="bringins-block-close-"]{
    display: none!important;
}
#outLockingContent #lockPassword{
    float: left;
}
#outLockingContent .icon-remove-sign {
    z-index: 2;
    position: absolute;
    display: inline-block;
    left: auto;
    right: 23px;
}
.red.icon-remove-sign{
    position: static !important;
}
#outLockingContent .errorText{
    /*position: absolute;*/
    top: 25%;
    right: -23%;
    padding: 8px 2px;
}
#outLockingContent .red {
    color: #dd5a43!important;
}
.block-i{
    color: #fbf4f4;
    font-size: 23px;
    font-style: normal;
    font-family: '幼圆';
    line-height: 40px;
}
input[readonly].lock-error-input{
    background:#d4d4d4!important;
    border-color:#bdbdbd!important
}
/* locking end*/

.sign-lbl:before {

    content: "\a0签\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0否" !important;

}

.full-Screen{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index:99999;
    overflow: auto;
}

#createHouseSource .chosen-container {
    min-width: 50%!important;
}
#buildingModal .col-sm-9 .col-sm-6{
    width: 67.2% !important;
}
#houseModal .chosen-container {
    min-width: 50%!important;
    width: 50%!important;
}
#houseSourceDatailPageContent .uploadify-button.btn.btn-success{
    margin-top: -4px;
    line-height: 26px;
}